---
sidebar_position: 1
---

import { FlowToBot } from '../../../../src/js/FlowToBot'

# Text

The Text bubble block allows you to display a simple text bubble to your user. They can be chained and it will create a smooth animation:

<FlowToBot
  flow={
    <img
      src="/img/blocks/bubbles/3-text-bubbles.png"
      width="100%"
      style={{ maxWidth: '300px' }}
      alt="Text bubbles"
    />
  }
  bot={
    <video controls width="100%" style={{ maxWidth: '600px' }}>
      <source
        src="/img/blocks/bubbles/3-text-bubbles-chat.mp4"
        type="video/mp4"
      />
    </video>
  }
/>

## Insert a link

You can insert a link in your text bubbles using the link icon in the editor:

<img src="/img/blocks/bubbles/text-link.png" width="400" alt="Text link icon" />

You can insert any links starting with `http:`, `https:`, `mailto:`, `tel:` or `sms:`. It can also be a variable.
